<!DOCTYPE  HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>个人中心</title>
    <link rel="stylesheet" href="css/person.css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script>
    	$(function () {
            // 获取客户信息
            $.ajax({
                url : "CustomerInfoServlet",
                method : 'post',
                dataType : 'json',
                success : function(customer){
                    $('#name').append(customer.username);
                    $('#tel').append(customer.tel);
                    $('#school').append(customer.school);
                    $('#money').append(customer.money);
                    $('#sex').attr('src', 'image/' + customer.sex + '.png');
                }
            })
        })
    </script>
</head>
<body>
<!-- 顶部-->
<div class="head">
    <div class="head-left fl"><img id="sex" src=""/></div>
    <div class="head-right fl">
        <div id="name" class="name fl"></div>
        <div id="tel" class="phone fl"></div>
        <div class="clear"></div>
        <div id="school" class="school"></div>
    </div>
    <div class="clear"></div>
</div>
<!--中部-->
<div class="extraMoney" onclick="location='Wallet.html'">
    <div class="extraMoney-left fl" >
        <p class="font mr-left mr-top"  >钱包余额</p><br>
        <div id="money" class="font1 mr-left fl"></div><span class="font fl">元</span>
        <div class="clear"></div>
    </div>
    <div class="extraMoney-right fr">
        <input type="button" class="input-extraMoney" value="提现"/>
    </div>
</div>
<div class="clear"></div>
<div class="fill"></div>
<div id="tab1">
    <ul>
        <li><img src="image/small4.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl" onclick="location='Order.html'">我的任务</div><span class="font2 fl"> > </span></li>
        <li><img src="image/small4.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl" onclick="location='Order2.html'">我接单的任务</div><span class="font2 fl"> > </span></li>
        <!-- <li><img src="image/small4.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl" onclick="location='Order.html'">我的快取单</div><span class="font2 fl"> > </span></li> -->
        <li><img src="image/small5.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl"  onclick="location='Wallet.html'">我的钱包</div><span class="font2 fl"> > </span></li>
        <!-- <li><img src="image/small5.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl">我的优惠卷</div><span class="font2 fl"> > </span></li>
        <li><img src="image/small5.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl">购买优惠卷</div><span class="font2 fl"> > </span></li> -->
    </ul>
</div>
<div class="clear"></div>
<div class="fill2"></div>
<!-- <div id="tab2">
    <ul>
        <li><img src="image/small6.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl">拨打客服电话</div><span class="font2 fl"> > </span></li>
        <li><img src="image/small6.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl">添加官方微信号</div><span class="font2 fl"> > </span></li>
        <li><img src="image/small7.jpg" class="fl" style="margin-top:15px"/><div class="task1 fl">获取更多咨询请关注官方微信群</div><span class="font2 fl"> > </span></li>
    </ul>
</div>
<div class="clear"></div> -->
<div class="tabHost">
    <div onclick="location='index.html'"class="fl tab"><img src="image/tab1.png"  style="margin-left:80px"/><div class="font4">首页</div></div>
    <div  onclick="location='Release_task.html'"class="fl tab"><img src="image/tab2.png"  style="margin-left:80px"/><div class="font4">发布任务</div></div>
    <div onclick="location='Order.html'" class="fl tab"><img src="image/tab4.png"  style="margin-left:80px"/><div class="font4">订单</div></div>
    <div  class="fl tab"><img src="image/tab03.png"  style="margin-left:80px"/><div  class="font4">个人中心</div></div>
    <div class="clear"></div>
</div>
<div class="footer">
    <span class="footer-font1">2018山东烟台幻影软件科技有限公司 | 鲁ICP备654663512号</span>
</div>
</body>
</html>